﻿<template>
  <div class="input_card_main" v-on:click="input_card_main">
    <div class="cover_main_w" v-show="!show_b_img_data">
      <p class="input_card_top" v-html="top">
        <!--{{top}}-->
        <!--您可以把您觉得好或者漂亮的东西当成<span class="change_c">礼物</span>送给“查看您的冒险卡”的<span class="change_c">冒险者</span>-->
      </p>
      <p v-html="bot">
        <!--{{sec}}-->
        <!--请选择下面的内容再添加图片-->
      </p>
      <img src="../../../static/img/add_img_new_ad.jpg" class="add_img_input_card">
    </div>
    <img :src="show_b_img_data" alt="" v-show="!!show_b_img_data" class="img_show">
    <input type="file" ref="file" v-show="false">
  </div>
</template>

<script>
import {mapState, mapMutations,mapActions,mapGetters} from 'vuex';
  import common from "../../common/common.js";
  import filter from "../../filter/filter.js";
  //limit_Scroll
export default {
  name: 'hello',
  data () {
    return {
      show_b_img_data:""
    }
  },
  ...mapActions([
    "thom_redirect",
  ]),
  mounted: function () {
    common.get_img(this,()=>{
       this.$emit("get_file",this.$refs.file.files[0]);
    })
  },
  methods: {
    input_card_main:function(){
        this.$refs.file.click();
    }
  },
  props:['top','bot'],
  components: {

  }
}
</script>
<style scoped lang="scss">
  @import "../sass/common_card.scss";
</style>
